<?php
$this->headScript()->appendFile('http://maps.google.com/maps/api/js?sensor=false')
        ->appendFile($this->baseUrl() . '/js/ajax/events.ajax.js')
        ->appendFile($this->baseUrl() . '/js/ajax/events.ajax.lib.js')
        ->appendFile($this->baseUrl() . '/js/dateFormat.js');
$this->headLink()->appendStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
?>

<h1>Events near You</h1>
<input type="hidden" value="<?php echo $this->event_tmp ?>" id="event_tmp"/>
<form action="">
    <fieldset>
        <div class="column">
            <ul>
                <li>
                    <input type="text" value="" id="text" class="search"/>
                </li>
            </ul>
        </div>
        <div class="column">
            <ul>
                <li>
                    <div >
                        <label for="countries">Country</label>
                        <select id="countries" class="large">>
                            <option value="all">&nbsp;</option>
                        </select>
                    </div>
                </li>
                <li>
                    <label for="cities">City</label>
                    <select id="cities" class="large">>
                        <option value="all">&nbsp;</option>
                    </select>
                </li>
            </ul>
        </div>
        <div class="column">
            <ul>
                <li>
                    <label for="from">From</label>
                    <input type="text" id="from" name="from" class="datepicker"/>
                </li>
                <li>
                    <label for="to">To</label>
                    <input type="text" id="to" name="to" class="datepicker"/>
                </li>
            </ul>
        </div>
    </fieldset>
</form>
<div id="events">
    <div id="filter-event"></div>
</div>
<div id="map">
    <img src="/img/spinner.gif" class="loading" alt=""/><span class="loading">loading map</span>
</div>
